<template>
  <view class="buy-kline-container">
    <!--    <view class="buy-kline-head">
      <span class="buy-kline-label">{{ symbol }} {{ $t('exchange.default[5]') }}</span>
    </view> -->
    <view class="buy-kline-body">
      <k-time
        :symbol="symbol"
        :matchId="matchId"
        @updateData="updateData"
      ></k-time>
    </view>
  </view>
</template>

<script>
import KTime from "@/components/ExKline/Time";
export default {
  components: { KTime },
  props: {
    symbol: {
      type: String,
      default: "",
    },
    matchId: {
      tpye: Number | String,
      default: 0,
    },
  },
  data() {
    return {};
  },
  methods: {
    updateData(data) {
      this.$emit("updateData", data);
    },
  },
};
</script>

<style lang="less" scoped>
.buy-kline-container {
  border: 2rpx solid #eee;
  height: 100%;
  .buy-kline-head {
    // padding: 8rpx 4rpx;
    padding: 0 4rpx;
    font-size: 24rpx;
    height: 44rpx;
    line-height: 44rpx;
    border-bottom: 2rpx solid #eee;
    margin-bottom: 2rpx;
  }

  .buy-kline-body {
    height: 406rpx;
    background-color: #f7f9f8;
  }
}
</style>
